/**
 * 
 */
jQuery.noConflict();
jQuery(document).ready(function($) {
	// Code that uses jQuery's $ can follow here.
	 


	$("#horizontal_slider").slider({
		range : "min",
		min : 0,
		max : 100,
		value : 60,
		slide : function(event, ui) {
			$("#window_width").val(ui.value);
		}
	});
	$("#window_width").val($("#horizontal_slider").slider("value"));

	$("#vertical_slider").slider({
		orientation : "vertical",
		range : "min",
		min : 0,
		max : 100,
		value : 60,
		slide : function(event, ui) {
			$("#window_height").val(ui.value);
		}
	});
	$("#window_height").val($("#vertical_slider").slider("value"));
	$('#window_type_dialog').dialog({
		autoOpen:false,
		show: {
			effect: "fade",
			duration:250
		},
		hide: {
			effect: "fade",
			duration:250
		},
		modal:true
	});
	$( "#window_type_canvas" ).click(function() {

	      $( "#window_type_dialog" ).dialog( "open" );

	    });

	$(".style_block > img").click(function(){
		// alert("1");
		tsrc=$(this).attr("src");
		// alert(tsrc);
		$("#window_type_canvas_img").attr("src",tsrc);
		$( "#window_type_dialog" ).modal( "close" );
	});
	 $( ".radio_group" ).buttonset();	
	 
	 $('#params_accordion').accordion();
	 $( "#params_accordion" ).accordion( "option", "animate", 100 );
	 $("#calc_pane").tabs({  fx: { height: 'toggle', duration: 'slow' }} );
	 $("#button-step-2").click(function(){
		 $( "#calc_pane" ).tabs( "option", "active", 1 );
		 });
	 
});
